.home-container {
  padding: 0;
  width: 100%;
  min-height: 100%;
  background-color: var(--ant-color-bg-layout);
}

.recent-users-card {
  margin-top: 24px;
  background-color: var(--ant-color-bg-container);
}

/* 统计卡片样式 */
.statistic-card {
  height: 100%;
  transition: all 0.3s;
  background-color: var(--ant-color-bg-container);
}

.statistic-card:hover {
  transform: translateY(-5px);
}

.statistic-card .ant-statistic {
  margin-bottom: 16px;
}

.statistic-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.trend {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
}

.trend.up {
  color: #52c41a;
}

.trend.down {
  color: #f5222d;
}

.trend-text {
  color: var(--ant-color-text-secondary);
  font-size: 12px;
}

/* 表格样式 */
.ant-table-wrapper {
  overflow-x: auto;
  width: 100%;
  background-color: var(--ant-color-bg-container);
}

.ant-table {
  background: var(--ant-color-bg-container);
  width: 100%;
}

.ant-table-thead > tr > th {
  background: var(--ant-color-bg-elevated);
  font-weight: 600;
}

.ant-table-tbody > tr > td {
  padding: 12px 16px;
}

/* 进度条样式 */
.ant-progress {
  margin: 0;
}

.ant-progress-text {
  font-size: 12px;
}

/* 标签样式 */
.ant-tag {
  margin: 0;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* 按钮样式 */
.ant-btn-link {
  padding: 0 8px;
}

/* 卡片标题样式 */
.ant-card-head {
  border-bottom: 1px solid var(--ant-color-border);
  padding: 16px 24px;
}

.ant-card-head-title {
  font-size: 16px;
  font-weight: 500;
}

/* 分页样式 */
.ant-pagination {
  margin: 16px 0 0 0;
  padding: 0 16px;
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
  .statistic-card {
    margin-bottom: 16px;
  }
  
  .ant-table {
    font-size: 14px;
  }
  
  .ant-card-head {
    padding: 12px 16px;
  }
} 